<template>
  <div class="home">
    <el-tabs v-model="activeName" @tab-click="tabChange" type="border-card">
      <el-tab-pane label="用户统计" name="person">
        <el-row>
          <el-col :span="24">
            <span>用户注册</span>
            <div class="b-1px-b" style="margin-top: 18px"></div>
          </el-col>

          <el-col :span="24" class="toolbar el-dialog--center padding-top-20px">
            <el-form :inline="true" size="small">
              <el-form-item label="统计月份">
                <el-date-picker
                        type="date"
                        v-model="userRegisterTime"
                        placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
              <el-form-item>
                <el-button type="primary">查询</el-button>
              </el-form-item>
            </el-form>
          </el-col>


        </el-row>
      </el-tab-pane>
      <el-tab-pane label="产品统计" name="product">
        <el-row>
          <el-col :span="24">
            <span>产品当天去重点击</span>
            <div class="b-1px-b" style="margin-top: 18px"></div>
          </el-col>

          <el-col :span="24" class="toolbar el-dialog--center padding-top-20px">
            <el-form :inline="true" size="small">
              <el-form-item label="产品名称">
                <el-input placeholder="产品名称"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button type="primary">查询</el-button>
              </el-form-item>
            </el-form>
          </el-col>


        </el-row>
      </el-tab-pane>
      <el-tab-pane label="贷款统计" name="loan">
        <el-row>
          <el-col :span="24">
            <span>下款结果</span>
            <div class="b-1px-b" style="margin-top: 18px"></div>
          </el-col>

          <el-col :span="24" class="toolbar el-dialog--center padding-top-20px">
            <el-form :inline="true" size="small">
              <el-form-item label="统计时间">
                <el-date-picker
                        v-model="value1"
                        type="daterange"
                        range-separator="至"
                        start-placeholder="开始日期"
                        end-placeholder="结束日期">
                </el-date-picker>
              </el-form-item>
              <el-form-item>
                <el-button type="primary">查询</el-button>
              </el-form-item>
            </el-form>
          </el-col>


        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  export default {
    name: "Home",
    data() {
      return {
        activeName: 'person',
        userRegisterTime: '',
        value1: ''
      }
    },
    created() {

    },
    methods: {
      tabChange(val) {
        console.log(val.name);
      }
    }
  }
</script>

<style scoped>

</style>
